<template>
  <div class="logo flex-center">
    <router-link :to="{ name: 'indexIndex' }" class="flex-center">
      <img class="logo-img2" src="../../assets/logo.png" />
      <h1 >BtcShort 管理系统</h1>
      <!-- <img class="logo-img" src="../../assets/logo.png" v-if="!close" />
      <img class="logo-img2" src="../../assets/logo2.png" v-if="close" /> -->
    </router-link>
  </div>
</template>

<script>
import LogoSvg from '@/assets/logo.png'

export default {
  name: 'Logo',
  components: {
    LogoSvg
  },
  props: {
    title: {
      type: String,
      default: 'Ant Design Pro',
      required: false
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    },
    close: {
      type: Boolean,
      default: false,
      required: false
    }
  }
}
</script>
<style lang="less" scoped>
.logo-img {
  width: 30px !important;
  height: 30px !important;
  padding: 0;
  margin-left: 5px;
}
.logo-img2 {
  width: 40px !important;
  height: 40px !important;
  padding: 0;
  margin-left: 0px;
}
.logo h1{
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  margin-left: 12px;
  margin-bottom: 0;
}
.logo{
      width: 458px !important;
}
</style>
